<template>
    <div class='login-btn'>
        <a id="btn_login" class="sub" href='javascipt:;' @click='submitData'>登  录</a>
        <div id="login_l" class="other-action">
            <label class="freeLogin on">
                <input type="checkbox" class="ck" name="auto" checked="checked">
                <i class="before">
                    <img src="https://jp.juancdn.com/jpwebapp_v1/images_v1/user/label_on.png?63443b91-1&sv=449ce9ee">
                </i>
                两周内免登录
            </label>
            <a href="//m.juanpi.com/user/forget" target="_parent" class="free-reg">忘记密码？</a>
        </div>
    </div>
</template>

<script>
    export default {
        props:['username'],
        methods:{
            submitData(){
                this.$emit('fn')  
            }
        }
      

    }
</script>

<style lang="stylus">
    @import '~assets/styles/_base.styl'
    .sub
        background $bg-color
        display block
        heihgt .96rem
        text-align center
        line-height .96rem
        font-size .36rem
        color #fff
        margin-top .5rem
    .other-action
        height .74rem
        line-height .74rem
        margin-bottom 1.04rem
        color #999
        font-size .28rem
        display flex
        justify-content space-between
        input
            width 0
            height 0
            opacity 0
        .before
            display inline-grid
            width .26rem
            height .26rem
            margin-right .17rem
            border 2px solid $bg-color
            background $bg-color 
            img 
                width 100% 
        a 
            color #999 
</style>
